KVue.vue<template>
<h1>El组件-单选</h1>
  <el-radio-group v-model="edu">
    <el-radio label="学历:初中" value="初中"></el-radio>
    <el-radio label="学历:高中" value="高中"></el-radio>
    <el-radio value="本科">学历:本科</el-radio>
    <el-radio value="硕士">学历:硕士</el-radio>
  </el-radio-group>
  <h4>您选择的学历是:{{edu}}</h4>
  <hr>
  <el-radio-group v-model="price">
    <el-radio-button v-for="p in arr" :value="p.price" :label="p.title"></el-radio-button>
  </el-radio-group>
  <h4>您选择的酒价是:{{price}}</h4>
</template>

<script setup>
import {ref} from "vue";
//1.定义一个变量来保存单选提交的值
const edu = ref("高中");
//2.定义数组用来保存商品,模拟从后端查回来的数据
const arr = ref([
  {title:"五粮液",price:500},
  {title:"茅台",price:2500},
  {title:"梦之蓝",price:368},
  {title:"汾酒",price:330}
])
//3.定义变量用来保存酒价
const price = ref(330);
</script>

<style scoped>

</style>